﻿/*
    Css编写规则：
    1、布局：外间距(margin)、边框(border)、内间距(padding)、宽(width)、高(height)
        a、长度(length)
        b、样式(style)
        c、颜色或图片(color)
        4、位置(flow)
    2、文字
        a、字体名称(font-family)
        b、字号(font-size)
        c、粗细(font-weight)
        d、样式(font-style)
        e、颜色(color)
        f、行高(line-height)
        g、排列(text-align)
        h、英文字母大写(font-variant)
        i、文本流方向(direction )                
    3、其它
        a、Css Hack：FF(!important) IE7(*或!important) IE6(*或_)
    4、文件结构
        a、Styles\xxx-<version number>.css
        b、Styles\Themes\<skin name>\xxx-<version number>.css
    
cSun文件描述
    1、默认包括YUI的cssreset、cssfonts（增加一个宋体\5b8b\4f53,预备换成微软雅黑5fae\8f6f\96c5\9ed1）和cssbase，不再重复编写
    2、通过栅格设计方式简单和规范页面布局
*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

.ws100 {
    margin: 0 auto;
}


section {
    margin: 0 0.5em;
}

footer {
    margin: 1em auto 0.5em;
}

#copyright {
    text-align: center;
}

.wg {
    /*font-size: 0;*/
}

header, #content, .content, hgroup, footer, .ws100, .wg {
    /*.yui3-g*/
    letter-spacing: -0.34em; /* Webkit: collapse white-space between units 在中文状态下，需调大该值*/
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}


/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
header, #content, .content, hgroup, footer, setion {
    word-spacing: -0.43em;
}

div.w1, div.w2, div.w3, div.w4, div.w5, div.w6, div.w7, div.w8, div.w9, div.w10, div.w11, div.w12, div.w13, div.w14, div.w15, div.w16, div.w17, div.w18, div.w19, div.w20,
div.w21, div.w22, div.w23, div.w24, div.w25, div.w26, div.w27, div.w28, div.w29, div.w30, div.w31, div.w32, div.w33, div.w34, div.w35, div.w36, div.w37, div.w38, div.w39, div.w40,
div.w41, div.w42, div.w43, div.w44, div.w45, div.w46, div.w47, div.w48, div.w49, div.w50, div.w51, div.w52, div.w53, div.w54, div.w55, div.w56, div.w57, div.w58, div.w59, div.w60,
div.w61, div.w62, div.w63, div.w64, div.w65, div.w66, div.w67, div.w68, div.w69, div.w70, div.w71, div.w72, div.w73, div.w74, div.w75, div.w76, div.w77, div.w78, div.w79, div.w80,
div.w81, div.w82, div.w83, div.w84, div.w85, div.w86, div.w87, div.w88, div.w89, div.w90, div.w91, div.w92, div.w93, div.w94, div.w95, div.w96, div.w97, div.w98, div.w99, div.w100,
div.w-1, div.w-1-2, div.w-1-3, div.w-2-3, div.w-1-4, div.w-3-4, div.w-1-5, div.w-2-5, div.w-3-5, div.w-4-5, div.w-1-6, div.w-5-6, div.w-1-8, div.w-3-8, div.w-5-8, div.w-7-8,
div.w-1-12, div.w-5-12, div.w-7-12, div.w-11-12, div.w-1-24, div.w-5-24, div.w-7-24, div.w-11-24, div.w-13-24, div.w-17-24, div.w-19-24, div.w-23-24 {
    display: inline-block;
    zoom: 1;
    *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.w1 {
    width: 1em;
}

.w2 {
    width: 2em;
}

.w3 {
    width: 3em;
}

.w4 {
    width: 4em;
}

.w5 {
    width: 5em;
}

.w6 {
    width: 6em;
}

.w7 {
    width: 7em;
}

.w8 {
    width: 8em;
}

.w9 {
    width: 9em;
}

.w10 {
    width: 10em;
}

.w11 {
    width: 11em;
}

.w12 {
    width: 12em;
}

.w13 {
    width: 13em;
}

.w14 {
    width: 14em;
}

.w15 {
    width: 15em;
}

.w16 {
    width: 16em;
}

.w17 {
    width: 17em;
}

.w18 {
    width: 18em;
}

.w19 {
    width: 19em;
}

.w20 {
    width: 20em;
}

.w21 {
    width: 21em;
}

.w22 {
    width: 22em;
}

.w23 {
    width: 23em;
}

.w24 {
    width: 24em;
}

.w25 {
    width: 25em;
}

.w26 {
    width: 26em;
}

.w27 {
    width: 27em;
}

.w28 {
    width: 28em;
}

.w29 {
    width: 29em;
}

.w30 {
    width: 30em;
}

.w31 {
    width: 31em;
}

.w32 {
    width: 32em;
}

.w33 {
    width: 33em;
}

.w34 {
    width: 34em;
}

.w35 {
    width: 35em;
}

.w36 {
    width: 36em;
}

.w37 {
    width: 37em;
}

.w38 {
    width: 38em;
}

.w39 {
    width: 39em;
}

.w40 {
    width: 40em;
}

.w41 {
    width: 41em;
}

.w42 {
    width: 42em;
}

.w43 {
    width: 43em;
}

.w44 {
    width: 44em;
}

.w45 {
    width: 45em;
}

.w46 {
    width: 46em;
}

.w47 {
    width: 47em;
}

.w48 {
    width: 48em;
}

.w49 {
    width: 49em;
}

.w50 {
    width: 50em;
}

.w51 {
    width: 51em;
}

.w52 {
    width: 52em;
}

.w53 {
    width: 53em;
}

.w54 {
    width: 54em;
}

.w55 {
    width: 55em;
}

.w56 {
    width: 56em;
}

.w57 {
    width: 57em;
}

.w58 {
    width: 58em;
}

.w59 {
    width: 59em;
}

.w60 {
    width: 60em;
}

.w61 {
    width: 61em;
}

.w62 {
    width: 62em;
}

.w63 {
    width: 63em;
}

.w64 {
    width: 64em;
}

.w65 {
    width: 65em;
}

.w66 {
    width: 66em;
}

.w67 {
    width: 67em;
}

.w68 {
    width: 68em;
}

.w69 {
    width: 69em;
}

.w70 {
    width: 70em;
}

.w71 {
    width: 71em;
}

.w72 {
    width: 72em;
}

.w73 {
    width: 73em;
}

.w74 {
    width: 74em;
}

.w75 {
    width: 75em;
}

.w76 {
    width: 76em;
}

.w77 {
    width: 77em;
}

.w78 {
    width: 40em;
}

.w79 {
    width: 79em;
}

.w80 {
    width: 40em;
}

.w81 {
    width: 81em;
}

.w82 {
    width: 82em;
}

.w83 {
    width: 83em;
}

.w84 {
    width: 84em;
}

.w85 {
    width: 85em;
}

.w86 {
    width: 86em;
}

.w87 {
    width: 87em;
}

.w88 {
    width: 88em;
}

.w89 {
    width: 89em;
}

.w90 {
    width: 90em;
}

.w91 {
    width: 91em;
}

.w92 {
    width: 92em;
}

.w93 {
    width: 93em;
}

.w94 {
    width: 94em;
}

.w95 {
    width: 95em;
}

.w96 {
    width: 96em;
}

.w97 {
    width: 97em;
}

.w98 {
    width: 98em;
}

.w99 {
    width: 99em;
}

.w100, .ws100 {
    width: 100em;
}


.w-1 {
    width: 100%;
}

.w-1-2 {
    width: 50%;
}

.w-1-3 {
    width: 33.33333%;
}

.w-2-3 {
    width: 66.66666%;
}

.w-1-4 {
    width: 25%;
}

.w-3-4 {
    width: 75%;
}

.w-1-5 {
    width: 20%;
}

.w-2-5 {
    width: 40%;
}

.w-3-5 {
    width: 60%;
}

.w-4-5 {
    width: 80%;
}

.w-1-6 {
    width: 16.656%;
}

.w-5-6 {
    width: 83.33%;
}

.w-1-8 {
    width: 12.5%;
}

.w-3-8 {
    width: 37.5%;
}

.w-5-8 {
    width: 62.5%;
}

.w-7-8 {
    width: 87.5%;
}

.w-1-12 {
    width: 8.3333%;
}

.w-5-12 {
    width: 41.6666%;
}

.w-7-12 {
    width: 58.3333%;
}

.w-11-12 {
    width: 91.6666%;
}

.w-1-24 {
    width: 4.1666%;
}

.w-5-24 {
    width: 20.8333%;
}

.w-7-24 {
    width: 29.1666%;
}

.w-11-24 {
    width: 45.8333%;
}

.w-13-24 {
    width: 54.1666%;
}

.w-17-24 {
    width: 70.8333%;
}

.w-19-24 {
    width: 79.1666%;
}

.w-23-24 {
    width: 95.8333%;
}

/*div.fw15
{
    padding-left: 15em;
}

.fw15 > .w15
{
    margin-left: -15em;
}*/

.h2 {
    height: 3em;
}

.h3 {
    height: 3em;
}

.h4 {
    height: 4em;
}

.h20 {
    height: 20em;
}

nav > ul > li {
    list-style: none outside none;
}

nav.h-a ul li {
    float: left;
    position: relative;
    text-align: center;
}

.jqGrid {
    visibility: hidden;
}

.wpTitle {
    margin-left: 2em;
    font-size: 12px;
}

    .wpTitle a {
        text-decoration: none;
    }

.wpAction {
    /*font-size: 1.16667em;*/
    margin: 0.5em 2em;
    padding: 0.5em 0.5em;
    background-color: #0074CC;
    text-decoration: none;
    color: #FFFFFF;
}

.subNav {
    background-color: #E8E9EB;
    color: #333333;
    border: 1px solid #666666;
}

.right {
    text-align: right;
}

fieldset > div > label, fieldset > div > span {
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    zoom: 1;
    *display: inline; /* IE < 8: fake inline-block */
    padding: .25em 0;
}
